Several users of my website came to explain to me that it was no longer possible to click on the checkboxes or to click on the "add a file" button (input type file)

I failed to reproduce the problem until I updated Google chrome to version 92.0.4515.107

And I could see that one of my CSS class override the default parameters because Google chrome considers my inputs as read only inputs

https://jsfiddle.net/Lfjctwb1/

Example :

<div class="form-check">
  <input class="form-check-input" type="checkbox" id="confirm-checkbox" required="">
  <label class="form-check-label" for="confirm-checkbox">
    <strong>I confirm</strong>
  </label>
</div>

<br>
<br> 

<input type="file" name="my_file" required />

My CSS class that override :

.disabled, input:read-only {
    pointer-events: none;
}

How to modify my class without having to modify all my inputs ?